<%-- 
    Document   : docente
    Created on : 01-jun-2012, 11:51:38
    Author     : Administrador
--%>
<%@include file="../../../../controlSession.jsp" %>
<%
    int i = 0;
    String msg = "";
    if(request.getAttribute("msg") != null)        
        msg = (String) request.getAttribute("msg");
    
    List<RolUsuario> RUDocActivos = (List<RolUsuario>) request.getAttribute("RolUsuarioDocActivos");
    List<RolUsuario> RUDocInactivos = (List<RolUsuario>) request.getAttribute("RolUsuarioDocInactivos");
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM</title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript">
            // muestra oculta
            function nuevo(){
                location.href = "Administracion?accion=52";
            }
            function mostrarOcultar(){
                if( $("#docentesBaja").css('display') == 'none' ){
                    $("#docentesBaja").css('display', 'block');
                    $("#verOcultar").attr('value', 'Ocultar Bajas');
                    $("#verOcultar").attr('title', 'Pulsa aqui para ocultar bajas')
                }else{
                    $("#docentesBaja").css('display', 'none');
                    $("#verOcultar").attr('value', 'Mostrar Bajas');
                    $("#verOcultar").attr('title', 'Pulsa aqui para mostrar bajas')
                }
            }
            // baja de una categoria
            function darBaja(idUsuario,idRol,nombreCompleto){
                if(confirm("¿Estas seguro de dar de baja al docente: "+nombreCompleto+"?")){
                    $.ajax({
                        url: "Administracion",
                        type: "GET",
                        data:{ accion:56, idUsuario:idUsuario,idRol:idRol, nombre:nombreCompleto },
                        beforeSend:function(obj){
                            $('#listDocentes').css({display:'none'});
                            $('#imgLoad').css({display:'block'});
                        },
                        success:function(res){
                            $('#listDocentes').html(res);
                        },
                        complete:function(){
                            $('#imgLoad').css({display:'none'});
                            $("#listDocentes").css({display:'block'});
                        },
                        error: function(res){ alert("Error! al dar de baja al DOCENTE"); }
                    });
                }
            }
            // dar de alta
            function darAlta (idUsuario,idRol,nombreCompleto){
                if(confirm("¿Estas seguro de dar de alta al docente: "+nombreCompleto+"?")){
                    $.ajax({
                        url: "Administracion",
                        type: "GET",
                        data:{ accion:57, idUsuario:idUsuario,idRol:idRol, nombre:nombreCompleto },
                        beforeSend:function(obj){
                            $('#listDocentes').css({display:'none'});
                            $('#imgLoad').css({display:'block'});
                        },
                        success:function(res){
                            $('#listDocentes').html(res);
                        },
                        complete:function(){
                            $('#imgLoad').css({display:'none'});
                            $("#listDocentes").css({display:'block'});
                        },
                        error: function(res){ alert("Error! al dar de alta al DOCENTE"); }
                    });
                }
            }
            function editar(idUsuario, idRol){
                var sbody = "accion=54&idUsuario="+idUsuario+"&idRol="+idRol;
                location.href = "Administracion?"+sbody;
            }
            function eliminar (idUsuario,nombreCompleto){
                if(confirm("¿Esta seguro de eliminar al docente ''"+nombreCompleto+"''?")){
                    $.ajax({
                        url: "Administracion",
                        type: "GET",
                        data:{ accion:58 , idUsuario:idUsuario, nombre:nombreCompleto },
                        beforeSend:function(obj){
                            $('#listDocentes').css({display:'none'});
                            $('#imgLoad').css({display:'block'});
                        },
                        success:function(res){
                            $('#listDocentes').html(res);
                        },
                        complete:function(){
                            $('#imgLoad').css({display:'none'});
                            $("#listDocentes").css({display:'block'});
                        },
                        error: function(res){ alert("Error! al eliminar al docente."); }
                    });
                }
            }
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a href="<%=s_path%>/principal.jsp">Home</a></li>
                        <li><span style="color:#666">Administraci&iacute;n</span></li>
                        <li><span style="color:#666">Recursos Humanos</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Listar Docente</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                            <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="der" style="border: 0px solid">
                            <div id="imgLoad" style="float: left;width: 100%;display: none;"><img src="<%=s_path%>/images/imgLoad/ajax-loader.gif" width="32" height="32" alt="ajax-loader.gif" style="position:absolute; top:30%; left:50%;"/></div> 
                            <center>
                            <div id="listDocentes">
                                <h2 class="decorado">Lista de Docentes</h2>
                                <table class="miReporte" style="width: 100%">
                                    <tr>
                                        <td style="text-align: right"><input type="button" class="boton" value="A&ntilde;adir Nuevo Docente" onclick="nuevo()" title='Pulsa aqui para nuevo docente.'/></td>
                                    </tr>
                                </table>
                                <table class="tabla_decorado" style="width: 100%">
                                    <thead>
                                        <tr>
                                            <th width="3%" class="th_decoradoRowspan">Nro</th>
                                            <th width="19%" class="th_decoradoRowspan">APELLIDO</th>
                                            <th width="14%" class="th_decoradoRowspan">NOMBRE</th>
                                            <th width="9%" class="th_decoradoRowspan">CI.</th>
                                            <th width="8%" class="th_decoradoRowspan">TEL&Eacute;FONO</th>
                                            <th width="8%" class="th_decoradoRowspan">FECHA NAC.</th>
                                            <th width="8%" class="th_decoradoRowspan">LOGIN</th>
                                            <th width="14%" class="th_decoradoRowspan">EMAIL</th>
                                            <th width="16%" class="th_decoradoRowspan" colspan="3">ACCIONES</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                <%
                                    i = 1;
                                    for(RolUsuario ru : RUDocActivos){
                                        Usuario u = ru.getUsuario();
                                        Rol r = ru.getRol();
                                %>          
                                        <tr class="tr_decorado">
                                            <td class="th_decorado" style="text-align: center"><%=i%></td>
                                            <td class="th_decorado"><%=u.getApellido()%></td>
                                            <td class="th_decorado"><%=u.getNombre()%></td>
                                            <td class="th_decorado"><%=u.getCi()+" "+u.getExpedidoEn()%></td>
                                            <td class="th_decorado"><%=u.getTelefono()%></td>
                                            <td class="th_decorado"><%=u.getFechaNac()%></td>
                                            <td class="th_decorado"><%=u.getLogin()%></td>
                                            <td class="th_decorado"><%=u.getEmail()%></td>
                                            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Editar" onclick="editar(<%=u.getIdUsuario()%>,<%=r.getIdRol()%>)" class="botonRep" title="Pulsa aqu&iacute; para editar docente."/></td>
                                            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Dar Baja" onClick="darBaja(<%=u.getIdUsuario()%>,<%=r.getIdRol()%>,'<%=u.getNombre()+" "+u.getApellido()%>')" class="botonRep" title="Pulsa aqu&iacute; para dar de baja al docente."/></td>
                                            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Eliminar" onClick="eliminar(<%=u.getIdUsuario()%>,'<%=u.getNombre()+" "+u.getApellido()%>')" class="botonRep" title="Pulsa aqu&iacute; para eliminar al docente."/></td>
                                        </tr>
                                <%      i++;
                                    }
                                    if(i == 1){
                                        out.write("<tr class='tr_decorado'>");
                                        out.write("     <td class='td_decorado' colspan='11' style='text-align:center'><span style='color:red'>No existen Docentes registrados!<span></td>");
                                        out.write("</tr>");
                                    }
                                %>
                                    </tbody>
                                </table>
                                <!-- boton que muestra y oculta los docentes dados de baja -->    
                                <table class="miReporte" style="width: 100%">
                                    <tr>
                                        <td style="text-align: right"><input type="button" name="verOcultar" id="verOcultar" value="Mostrar Bajas" onclick="mostrarOcultar()" class="boton" title="Pulsa aqui para mostrar docentes dados de baja"/></td>
                                    </tr>
                                </table><br/><br/>

                                <!-- para mostrar bajas -->
                                <div id="docentesBaja" style="display:none;">
                                    <center>
                                    <h2 class="decorado">Docentes dados de Baja</h2>
                                    <table class="tabla_decorado" style="width: 100%">
                                        <thead>
                                            <tr>
                                                <th width="3%" class="th_decoradoRowspan">Nro</th>
                                                <th width="19%" class="th_decoradoRowspan">APELLIDO</th>
                                                <th width="14%" class="th_decoradoRowspan">NOMBRE</th>
                                                <th width="9%" class="th_decoradoRowspan">CI.</th>
                                                <th width="8%" class="th_decoradoRowspan">TEL&Eacute;FONO</th>
                                                <th width="8%" class="th_decoradoRowspan">FECHA NAC.</th>
                                                <th width="8%" class="th_decoradoRowspan">LOGIN</th>
                                                <th width="14%" class="th_decoradoRowspan">EMAIL</th>
                                                <th width="16%" class="th_decoradoRowspan">ACCIONES</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                    <%
                                        i = 1;
                                        for(RolUsuario ru : RUDocInactivos){
                                            Usuario u = ru.getUsuario();
                                            Rol r = ru.getRol();
                                    %>          
                                        <tr class="tr_decorado">
                                            <td class="th_decorado" style="text-align: center"><%=i%></td>
                                            <td class="th_decorado"><%=u.getApellido()%></td>
                                            <td class="th_decorado"><%=u.getNombre()%></td>
                                            <td class="th_decorado"><%=u.getCi()+" "+u.getExpedidoEn()%></td>
                                            <td class="th_decorado"><%=u.getTelefono()%></td>
                                            <td class="th_decorado"><%=u.getFechaNac()%></td>
                                            <td class="th_decorado"><%=u.getLogin()%></td>
                                            <td class="th_decorado"><%=u.getEmail()%></td>
                                            <td class="td_decoradoDerecha" style="text-align: center"><input type="button" value="Dar Alta" onClick="darAlta(<%=u.getIdUsuario()%>,<%=r.getIdRol()%>,'<%=u.getNombre()+" "+u.getApellido()%>')" class="botonRep" title="Pulsa aqui para dar de alta al Docente <%=u.getNombre()%>"/></td>
                                        </tr>
                                    <%      i++;
                                        }
                                        if(i == 1){
                                            out.write("<tr class='tr_decorado'>");
                                            out.write("     <td class='td_decorado' colspan='9' style='text-align:center'><span style='color:red'>No existen Docentes dados de baja!</span></td>");
                                            out.write("</tr>");
                                        }
                                    %>
                                        </tbody>
                                    </table>
                                    </center>
                                </div> <!-- End pais id='paisBaja' -->
                            
                            </div> <!-- End id="listPais" -->
                                
                            </center>
                        </div>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            <%//@include file="../../../../../footer.jsp" %>
        </div>
    </body>
</html>
